﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<th:block th:include="frontInclude :: frontHeader"/>
<link rel="stylesheet" th:href="@{/css/team-styles.css?v=v7}" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" th:href="@{/css/style2.css?v=v7}" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" th:href="@{/css/additional-styles.css?v=v7}" type="text/css" media="all" charset="utf-8">
<link rel="stylesheet" th:href="@{/css/auto-scroll.css?v=v7}" type="text/css" media="all" charset="utf-8">
<!--<link rel="stylesheet" th:href="@{/css/base.css?v=v7}" type="text/css" media="all" charset="utf-8">-->
<!-- 字体图标 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

<body class="wel-body">
<header class="headerbox pcbox" th:replace="frontInclude :: header_menu"></header>
<div class="mbox" th:replace="frontInclude :: header_menu_mobile"></div>
<div class="con-banner">
    <div class="images pcbox"
         th:style="'background:url('+@{/img/banner3.jpg}+') no-repeat center;background-size: cover;'">
    </div>
    <img img class="mbox h500" th:src="@{/img/banner3.jpg}" alt="走进黑蝎">
    <div class="words">
        <div class="text w1280">
            <div class="tit-en tit-48 secwen">SERVICE</div>
            <div class="tit-cn tit-36 secwen add1">服务领域</div>
            <div class="line secwen add2"></div>
        </div>
    </div>
</div>
<div class="con-column secwen animate">
    <div class=" column-swiper w1280" data-s="7" data-l="6" data-m="3">
        <div class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div th:each="item : ${currentChildren}"
                     th:class="@{${item.active!=null && item.active==1?'swiper-slide-active':''}+' swiper-slide'}"
                     style="width: 155.571px;">
                    <a th:href="${item.pageUrl}"
                       th:class="@{${item.active!=null && item.active==1?'active':''}+' items'}">
                        <div class="span" th:text="${item.menuName}">黑蝎简介</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="buts">
            <div class="swiper-button-prev swiper-button-disabled"></div>
            <div class="swiper-button-next swiper-button-disabled"></div>
        </div>
    </div>
</div>



<!-- 团队介绍 -->
<section class="team-intro-section">
    <div class="container">
        <div class="section-title">
            <h2>我们的团队</h2>
        </div>
        <div class="team-intro">
            <p>黑蝎营销策划公司拥有一支高素质、专业化的服务团队，包括行业专家10余人（博士2人、硕士5人），核心团队成员（硕士5人、本科35人）。我们的团队成员来自各个领域，拥有丰富的行业经验和专业知识，能够为客户提供全方位、高质量的营销策划服务。</p>
        </div>
    </div>
</section>

<!-- 行业专家 -->
<section class="experts-section">
    <div class="container">
        <div class="section-title">
            <h2>行业专家</h2>
        </div>
        <div class="team-stats">
            <div class="stat-item">
                <div class="stat-number">10<span>+</span></div>
                <div class="stat-label">行业专家</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">2</div>
                <div class="stat-label">博士</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">5</div>
                <div class="stat-label">硕士</div>
            </div>
        </div>
        <div class="experts-grid">
            <div class="expert-card" th:each="item : ${page.rows}">
                <div class="expert-image">
                    <div class="img-placeholder"
                         th:style="'background-image: url('+${item.articleLogo}+') ; background-size: cover;'"></div>
                </div>
                <div class="expert-info">
                    <h3 th:text="${item.articleTitle}">郭教授</h3>
                    <p class="expert-title" th:text="${item.articleDescribe}">首席战略顾问 | 博士</p>
                    <p class="expert-desc" th:utext="${item.articleContent}">前某知名大学经济学教授，拥有20年行业研究经验，在数据驱动决策领域有深入研究。</p>
                    <div class="expert-specialties">
                        <span>战略规划</span>
                        <span>数据分析</span>
                        <span>产业研究</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 核心团队 -->
<section class="core-team-section">
    <div class="container">
        <div class="section-title">
            <h2>核心团队</h2>
        </div>
        <div class="team-stats">
            <div class="stat-item">
                <div class="stat-number">40<span>+</span></div>
                <div class="stat-label">核心成员</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">5</div>
                <div class="stat-label">硕士</div>
            </div>
            <div class="stat-item">
                <div class="stat-number">35</div>
                <div class="stat-label">本科</div>
            </div>
        </div>
        <div class="team-departments">
            <div class="department">
                <div class="department-icon">
                    <i class="fas fa-chart-line"></i>
                </div>
                <h3>数据分析部</h3>
                <p>负责数据采集、清洗、分析，为客户提供数据驱动的决策支持。</p>
                <div class="team-count">团队成员：8人</div>
            </div>
            <div class="department">
                <div class="department-icon">
                    <i class="fas fa-code"></i>
                </div>
                <h3>技术开发部</h3>
                <p>负责软件平台开发、系统维护和技术支持。</p>
                <div class="team-count">团队成员：12人</div>
            </div>
            <div class="department">
                <div class="department-icon">
                    <i class="fas fa-bullhorn"></i>
                </div>
                <h3>营销策划部</h3>
                <p>负责品牌策略制定、市场推广方案设计和执行。</p>
                <div class="team-count">团队成员：10人</div>
            </div>
            <div class="department">
                <div class="department-icon">
                    <i class="fas fa-handshake"></i>
                </div>
                <h3>招商服务部</h3>
                <p>负责客户对接、项目落地和后续服务工作。</p>
                <div class="team-count">团队成员：10人</div>
            </div>
        </div>
    </div>
</section>

<!-- 企业荣誉 -->
<section class="honors-section">
    <div class="container">
        <div class="section-title">
            <h2>企业荣誉</h2>
        </div>
        <div class="honors-grid">
            <div class="honor-card">
                <div class="honor-image">
                    <img th:src="@{/img/qyxy_3a.jpg}" alt="" >
<!--                    <div class="img-placeholder" style="background-image: url('../../img/qyxy_3a.jpg'); background-size: cover;"></div>-->
                </div>
                <div class="honor-info">
                    <h3>企业信用等级证书（AAA）</h3>
                    <p class="honor-date">2020年</p>
                    <p class="honor-desc">企业信用极好，在行业内有极高的信誉度，经营状况稳定，盈利能力强，违约风险极低。</p>
                </div>
            </div>
            <div class="honor-card">
                <div class="honor-image">
                    <img th:src="@{/img/qyzx_3a.jpg}" alt="" >
                </div>
                <div class="honor-info">
                    <h3>企业资信等级证书（AAA）</h3>
                    <p class="honor-date">2020年</p>
                    <p class="honor-desc">具备极强的偿债能力、盈利能力和极低的违约风险。该证书广泛应用于招投标、融资贷款、商业合作等场景。</p>
                </div>
            </div>
            <div class="honor-card">
                <div class="honor-image">
                    <img th:src="@{/img/cxjysfdw_3a.jpg}" alt="" >
                </div>
                <div class="honor-info">
                    <h3>诚信经营示范单位（AAA）</h3>
                    <p class="honor-date">2020年</p>
                    <p class="honor-desc">在诚信经营、合规管理、社会责任等方面表现突出的企业</p>
                </div>
            </div>
            <div class="honor-card">
                <div class="honor-image">
                    <img th:src="@{/img/zhtsxy_3a.jpg}" alt="" >
                </div>
                <div class="honor-info">
                    <h3>重合同守信用企业（AAA）</h3>
                    <p class="honor-date">2020年</p>
                    <p class="honor-desc">表彰企业在合同履约、诚信经营、商业信用等方面的优秀表现。。</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!--&lt;!&ndash; 加入我们 &ndash;&gt;-->
<!--<section class="join-section">-->
<!--    <div class="container">-->
<!--        <div class="join-content">-->
<!--            <h2>加入我们</h2>-->
<!--            <p>我们始终欢迎优秀人才的加入，共同打造行业领先的营销策划服务团队。</p>-->
<!--            <a href="contact.html" class="btn">查看职位</a>-->
<!--        </div>-->
<!--    </div>-->
<!--</section>-->

<div class="project-dialog-box"></div>
<div th:replace="frontInclude :: footer"></div>
<script th:src="@{/js/animation.js?v=v7}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/main.js?v=v7}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/scroll-effects.js?v=v7}" type="text/javascript" charset="utf-8"></script>
</body>
</html>